<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>尚品汇，品一下</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" href="reset.css">
		<link rel="stylesheet" href="font/iconfont.css">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div class="fixedNav">
			<div class="box">
				<a href="##"></a>
			</div>
			<div class="box">
				<a href="##"></a>
			</div>
			<div class="box">
				<a href="##"></a>
			</div>
			<div class="box">
				<a href="##"></a>
			</div>
			<div class="box">
				<a href="##"></a>
			</div>
			<div class="box">
				<a href="#"></a>
			</div>
		</div>
		<div class="leftBottomNav"></div>
		<div class="rightBottomNav"></div>
		<!-- 头部导航 -->
		<div class="header-top">

			<div class="header">
				<ul class="list-left">
					<li class="one">
						<a href="##">
							<i>&copy;</i>
							<span>北京</span>
						</a>
						<div class="listOne"></div>
					</li>
					<li class="list-two">
						<a href="">请登录</a>
					</li>
					<li class="line"></li>
					<li>
						<a href="">免费注册</a>
					</li>
				</ul>
				<ul class="list-right">
					<li>
						<a href="##">我的订单</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">
							<span>购物车</span>
							<i class="iconfont icon-gouwuche"></i>
						</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">我的尚品汇</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">尚品汇会员</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">企业采购</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">关注尚品汇</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">合作招商</a>
					</li>
					<li class="line-right"></li>
					<li>
						<a href="##">商家后台</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 图片LOGO和搜索框 -->
		<div class="logSerach">
			<div class="leftNav">
			</div>
			<div class="rightNav">
			</div>
			<!-- 图片logo -->
			<h1>
				<a href="index.html" class="shang">
					<img src="img/myPic/logo.png" alt="">
					尚品汇
				</a>
			</h1>
		<!-- 搜索框 -->	
			<div class="search">
				<ul class=" top clearfix">
					<li class="crrent">宝贝</li>
					<li>尚品</li>
					<li>店铺</li>
				</ul>
				<div class="center">
					<form class="clearfix">
						<input type="text" class="txt" placeholder="NBA联盟">
						<button class="btn">搜索</button>
						<a href="##" class="super">高级搜索</a>
					</form>
				</div>
				<ul class="bottom">
					<li>
						<a href="">新款连衣裙</a>
					</li>
					<li>
						<a href="">时尚女装</a>
					</li>
					<li>
						<a href="">火影手办</a>
					</li>
					<li>
						<a href="">高端手表</a>
					</li>
					<li>
						<a href="">高档眼镜</a>
					</li>
					<li>
						<a href="">新款连衣裙</a>
					</li>
					<li>
						<a href="">新款连衣裙</a>
					</li>
					<li>
						<a href="">新款连衣裙</a>
					</li>
					<li>
						<a href="">时尚女包</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 尚品头部分类列表 -->
		<div class="allshoping">
			<div class="titleShop">
				<h2>全部尚品分类</h2>
				<ul class="list-shop">
					<li style="margin-left: 50px;">
						<a href="##">服装城</a>
					</li>
					<li>
						<a href="##">美妆馆</a>
					</li>
					<li>
						<a href="##">尚品汇超市</a>
					</li>
					<li>
						<a href="##">全球购</a>
					</li>
					<li>
						<a href="##">有趣</a>
					</li>
					<li>
						<a href="##">闪购</a>
						<img src="img/myPic/registerNew.gif" alt="" class="new">
					</li>
					<li>
						<a href="##">团购</a>
					</li>
					<li>
						<a href="##">秒杀</a>
					</li>
				</ul>
			</div>


		</div>
		<!-- 中心主体 -->
		<div class="shop-center">
			<!-- 主体左侧列表 -->
			<div class="shop-left">
				<ul class="main-left">
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
					<li>
						<a href="">图书</a>
						<span>/</span>
						<a href="">音像</a>
						<span>/</span>
						<a href="">数字产品</a>
					</li>
				</ul>
			</div>
		    <!-- 主体中心轮播图 -->
			<div class="shopCenterShop">
				<ul class="centerShopBunner">
					<li>
						<a href="">
							<img src="img/banner_03.png" >
						</a>
					</li>
				</ul>
				<span class="leftBtn">&lt;</span>
				<span class="rightBtn">&gt;</span>
				<ol class="list-yuan">
					<li class="crrent"></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
			<!-- 主体右侧信息 -->
			<div class="shop-right">
				<div class="shopRightTop">
					<h2>尚品汇快报</h2>
					<a href="##">
						更多 &lt;
					</a>
				</div>
				<ul class="listCenter">
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
				</ul>
			   <!-- 精灵图 -->
				<ol class="sprite">
					<li>
						<a href="##">
							<span class="spritePhoto spriteOne"></span>话费
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite2"></span>机票
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite3"></span>电影票
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite4"></span>游戏
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite5"></span>彩票
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite6"></span>加油站
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite7"></span>酒店
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite8"></span>火车票
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite9"></span>众筹
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite10"></span>理财
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite11"></span>礼品卡
						</a>
					</li>
					<li>
						<a href="##">
								<span class="spritePhoto sprite12"></span>白条
						</a>
					</li>
				</ol>
			    <div class="rightBottomPhoto">
			    	<a href="">
			    		<img src="img/myPic/rightbottomphoto_03.png" alt="">
			    	</a>
			    </div>
			</div>
			
		</div>
		<!-- 今日推荐 优质好货 -->
		<ul class="taday">
			<li>
				<img src="img/myPic/today.png" alt="">
			</li>
			<li>
				<a href="">
					<img src="img/myPic/xia.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="img/myPic/xia.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="img/myPic/xia.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="img/myPic/xia.png" alt="">
				</a>
			</li>
		</ul>
		<!-- 手机栏 -->
		<div class="phone13 clearfix">
			<div class="phone-left">
				<a href="##">
					<img src="img/myPic/phone.png" alt="">
					<p>【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</p>
				    <h3>
						定金：¥1000.00
					</h3>
				</a>
			</div>
			<div class="phone-left">
				<a href="##">
					<img src="img/myPic/phone.png" alt="">
					<p>【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</p>
				    <h3>
						定金：¥1000.00
					</h3>
				</a>
			</div>
			<div class="phone-left">
				<a href="##">
					<img src="img/myPic/phone.png" alt="">
					<p>【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</p>
				    <h3>
						定金：¥1000.00
					</h3>
				</a>
			</div>
			<div class="phone-left">
				<a href="##">
					<img src="img/myPic/phone.png" alt="">
					<p>【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</p>
				    <h3>
						定金：¥1000.00
					</h3>
				</a>
			</div>
		</div>
	    <!-- 猜你喜欢 -->
		<div class="titleBox clearfix">
			<h5 class="title-like">猜你喜欢</h5>
			<a href="">换一换</a>
		</div>
		<div class="likeBox">
			<div class="box-money">
				<a href="">
					<img src="img/myPic/box_03.png" alt="">
					<div class="boxFont">
						<p>阳关美包新款单肩包女包时尚子母包四件套nv</p>
						<span>¥200.00</span>
					</div>
				</a>		
			</div>
		    <div class="box-money">
		    	<a href="">
		    		<img src="img/myPic/box_03.png" alt="">
		    		<div class="boxFont">
		    			<p>阳关美包新款单肩包女包时尚子母包四件套nv</p>
		    			<span>¥200.00</span>
		    		</div>
		    	</a>		
		    </div>
			<div class="box-money">
				<a href="">
					<img src="img/myPic/box_03.png" alt="">
					<div class="boxFont">
						<p>阳关美包新款单肩包女包时尚子母包四件套nv</p>
						<span>¥200.00</span>
					</div>
				</a>		
			</div>
			<div class="box-money">
				<a href="">
					<img src="img/myPic/box_03.png" alt="">
					<div class="boxFont">
						<p>阳关美包新款单肩包女包时尚子母包四件套nv</p>
						<span>¥200.00</span>
					</div>
				</a>		
			</div>
			<div class="box-money">
				<a href="">
					<img src="img/myPic/box_03.png" alt="">
					<div class="boxFont">
						<p>阳关美包新款单肩包女包时尚子母包四件套nv</p>
						<span>¥200.00</span>
					</div>
				</a>		
			</div>
			<div class="box-money">
				<a href="">
					<img src="img/myPic/box_03.png" alt="">
					<div class="boxFont">
						<p>阳关美包新款单肩包女包时尚子母包四件套nv</p>
						<span>¥200.00</span>
					</div>
				</a>		
			</div>
		</div>
	    <!-- 家用电器1 -->
		<div class="familyTitle">
			<h1>家用电器</h1>
			<ul class="listRight">
				<li>
					<a href="##" class="first-a">热门</a>
				</li>
				<li>
					<a href="##">大家电</a>
				</li>
				<li>
					<a href="##">生活电器</a>
				</li>
				<li>
					<a href="##">厨房电器</a>
				</li>
				<li>
					<a href="##">应季电器</a>
				</li>
				<li>
					<a href="##">空气\净水</a>
				</li>
				<li>
					<a href="##" class="later">高端电器</a>
				</li>
			</ul>
		</div>
	    <div class="familyElectrical clearfix">
			<div>
				<ul>
					<li>
						<a href="##">节能补贴</a>
					</li>
					<li>
						<a href="##">4K电视</a>
					</li>
					<li>
						<a href="##">空气净化器</a>
					</li>
					<li>
						<a href="##">IH电饭煲</a>
					</li>
					<li>
						<a href="##">滚筒洗衣机</a>
					</li>
					<li>
						<a href="##">电热水器</a>
					</li>
				</ul>
				<a href="##" class="tv">
					<h1>三星曲面电视</h1>
					<h2>抽奖赢豪礼</h2>
				</a>
			</div>
		    <div class="familyHu">
				<span class="leftBtn"></span>
				<span class="rightBtn"></span>
				<a href="">
					<h1>烧水壶智能光控泡壶茶具套装满299.00减40.00</h1>
				</a>
			</div>
		    <div class="familyRight">
				<div class="box1">
					<a href="">
						<h1>每满200减20</h1>
						<h2>烘焙节1元抢购</h2>
					</a>
				</div>
				<div class="box1">
					<a href="">
						<h1>每满200减20</h1>
						<h2>烘焙节1元抢购</h2>
					</a>
				</div>
			    
			</div>
		    <div class="center1">
				<a href="">
					<h1>8.20彩电宅购节</h1>
					<h2>65寸4K智能电视3799</h2>
				</a>
			</div>
			<div class="familyRight">
				<div class="box1">
					<a href="">
						<h1>每满200减20</h1>
						<h2>烘焙节1元抢购</h2>
					</a>
				</div>
				<div class="box1">
					<a href="">
						<h1>每满200减20</h1>
						<h2>烘焙节1元抢购</h2>
					</a>
				</div>
			    
			</div>
		</div>
	    <div class="familyTitle">
	    	<h1>家用电器</h1>
	    	<ul class="listRight clearfix">
	    		<li>
	    			<a href="##" class="first-a">热门</a>
	    		</li>
	    		<li>
	    			<a href="##">大家电</a>
	    		</li>
	    		<li>
	    			<a href="##">生活电器</a>
	    		</li>
	    		<li>
	    			<a href="##">厨房电器</a>
	    		</li>
	    		<li>
	    			<a href="##">应季电器</a>
	    		</li>
	    		<li>
	    			<a href="##">空气\净水</a>
	    		</li>
	    		<li>
	    			<a href="##" class="later">高端电器</a>
	    		</li>
	    	</ul>
	    </div>
	    <div class="familyElectrical clearfix">
	    	<div>
	    		<ul>
	    			<li>
	    				<a href="##">节能补贴</a>
	    			</li>
	    			<li>
	    				<a href="##">4K电视</a>
	    			</li>
	    			<li>
	    				<a href="##">空气净化器</a>
	    			</li>
	    			<li>
	    				<a href="##">IH电饭煲</a>
	    			</li>
	    			<li>
	    				<a href="##">滚筒洗衣机</a>
	    			</li>
	    			<li>
	    				<a href="##">电热水器</a>
	    			</li>
	    		</ul>
	    		<a href="##" class="tv">
	    			<h1>三星曲面电视</h1>
	    			<h2>抽奖赢豪礼</h2>
	    		</a>
	    	</div>
	        <div class="familyHu">
	    		<span class="leftBtn"></span>
	    		<span class="rightBtn"></span>
	    		<a href="">
	    			<h1>烧水壶智能光控泡壶茶具套装满299.00减40.00</h1>
	    		</a>
	    	</div>
	        <div class="familyRight">
	    		<div class="box1">
	    			<a href="">
	    				<h1>每满200减20</h1>
	    				<h2>烘焙节1元抢购</h2>
	    			</a>
	    		</div>
	    		<div class="box1">
	    			<a href="">
	    				<h1>每满200减20</h1>
	    				<h2>烘焙节1元抢购</h2>
	    			</a>
	    		</div>
	    	    
	    	</div>
	        <div class="center1">
	    		<a href="">
	    			<h1>8.20彩电宅购节</h1>
	    			<h2>65寸4K智能电视3799</h2>
	    		</a>
	    	</div>
	    	<div class="familyRight">
	    		<div class="box1">
	    			<a href="">
	    				<h1>每满200减20</h1>
	    				<h2>烘焙节1元抢购</h2>
	    			</a>
	    		</div>
	    		<div class="box1">
	    			<a href="">
	    				<h1>每满200减20</h1>
	    				<h2>烘焙节1元抢购</h2>
	    			</a>
	    		</div>
	    	    
	    	</div>
	    </div>
		<!-- 底部图片 -->
	    <div class="footTwo">
			<ul>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
			</ul>
		</div>
		<!-- 底部指南 -->
	    <div class="footerOne">
			<div class="footerOneBox">
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>购物指南</dd>
				</dl>
				<dl>
					<dt>配送方式</dt>
					<dd>上门自提</dd>
					<dd>211限时达</dd>
					<dd>配送时间查询</dd>
					<dd>配送费收费标准</dd>
					<dd>海外配送</dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd>货到付款</dd>
					<dd>在线支付</dd>
					<dd>分期付款</dd>
					<dd>邮局付款</dd>
					<dd>公司转账</dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd>售后政策</dd>
					<dd>价格保护</dd>
					<dd>退款说明</dd>
					<dd>返修/退换货</dd>
					<dd>取消订单</dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd>夺宝岛</dd>
					<dd>DIY装机</dd>
					<dd>延保服务</dd>
					<dd>尚品汇E卡</dd>
					<dd>尚品汇通信</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<img src="img/wx_cz.jpg" alt="">
					</dd>	
				</dl>
			</div>
			
		</div>
	    <div class="footBox2">
			<div class="foot">
				<ol>
					<li>
						<a href="">关于我们</a>
					</li>
					<li>
						<a href="">练习我们</a>
					</li>
					<li>
						<a href="">关于我们</a>
					</li>
					<li>
						<a href="">商家入驻</a>
					</li>
					<li>
						<a href="">营销中心</a>
					</li>
					<li>
						<a href="">友情链接</a>
					</li>
					<li>
						<a href="">关于我们</a>
					</li>
					<li>
						<a href="">营销中心</a>
					</li>
					<li>
						<a href="">友情链接</a>
					</li>
					<li>
						<a href="">关于我们</a>
					</li>
				</ol>
			</div>
			<p>地址：北京市昌平区宏福苑科技园综合楼6层</p>
			<br>
			<p>京IC备90064430号</p>
		</div>
	</body>
</html>
